<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐购首页-新品</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/plugins/swiper/swiper4.2.min.css">
    <link rel="stylesheet" href="/css/purchase/index.min.css?v=<%=$version%>">
</head>
<body>
<div id="newProduct" v-cloak>
    <template>
        <purchase-header :number="2" isnav="2"></purchase-header>
    </template>
    <aside class="purchase-slider">
        <template>
            <basic-slide :list="newMainList.carousels"></basic-slide>
        </template>
    </aside>
    <div class="newProduct-follow">
        <div class="newProduct-title">推荐关注</div>
        <div class="follow-cent clearfix">
            <a class="follow-centList" :href="'/purchase/goodsDetails?type=1&productId='+item.productId" v-for="item in newMainList.recommends">
                <div class="follow-centImg" :style="bgimg(item.imgSrc)"></div>
                <h6>{{item.title}}</h6>
                <p>{{item.subtitle}}</p>
                <span class="follow-centMoney">{{item.integral}}</span>
            </a>
        </div>
    </div>
    <div class="newProduct-follow newProduct-butt">
        <div class="newProduct-title">本期新品</div>
        <div class="newProduct-screen clearfix" :class="{screenNew:isNav==2}">
            <span :class="{active:filter==1}" @click="getFilter(1)">综合</span>
            <span class="screen-price" :class="{active:filter==2}" @click="getFilter(2)">
                <span>价格</span>
                <!--<strong class="screen-priceRise">︿</strong>-->
                <!--<strong class="screen-priceDrop">﹀</strong>-->
                <strong class="newProduct-psc2" v-if="data.sortValue=='asc'"></strong>
                <strong class="newProduct-psc3" v-else-if="data.sortValue=='desc'"></strong>
                <strong class="newProduct-psc1" v-else></strong>
            </span>
            <span class="screen-filter" :class="{active:filter==3}">筛选<strong class="newProduct-saix1"></strong></span>
        </div>
        <div class="follow-cent clearfix">
            <a class="follow-centList" :href="'/purchase/goodsDetails?type=1&productId='+item.productId" v-for="item in newProductList2">
                <div class="follow-centImg" :style="bgimg(item.imgSrc)"></div>
                <h6>{{item.title}}</h6>
                <p>{{item.subtitle}}</p>
                <span class="follow-centMoney">{{item.integral}}</span>
            </a>
        </div>
    </div>
    <footer-view :number="2"></footer-view>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/plugins/js/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="/plugins/swiper/swiper.min.4.2.js"></script>
<script type="text/javascript" src="/js/purchase/newProduct.js?v=<%=$version%>"></script>
<script>
    var swiper1 = new Swiper(".purchase-slider .swiper-container",{
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: {
            delay: 2500,
            disableOnInteraction: false
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true
        },
        lazy: {
            loadPrevNext: true,
            loadPrevNextAmount: 2
        },
        observer: true,//修改swiper自己或子元素时，自动初始化swiper
        observeParents: true//修改swiper的父元素时，自动初始化swiper
    });
    $("img.lazy").lazyload();
</script>
</body>
</html>